<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>Softlink</title>
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="https://unpkg.com/better-scroll@1.0.1/dist/bscroll.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/mall.css" />
	<link rel="stylesheet" type="text/css" href="../css/public.css" />
	<script type="text/javascript">
		(function (deviceWidth, fontSize) {
			deviceWidth = deviceWidth || 640;
			fontSize = fontSize || 100;
			var metas = document.querySelectorAll('meta');
			var viewPort = [].slice.call(metas).filter((item) => {
				return item.name === 'viewport';
			})[0];
			if (!viewPort) {
				var meta = document.createElement('meta');
				meta.name = 'viewport';
				viewPort = document.head.insertBefore(meta, metas[metas.length - 1].nextElementSibling);
			}
			var scale = 1 / window.devicePixelRatio;
			viewPort.content = `width=device-width, initial-scale=${scale}, maximum-scale=${scale}, minimum-scale=${scale}, user-scalable=no`;
			var html = document.documentElement;
			var fn = function () {
				html.style.fontSize = (html.clientWidth / deviceWidth) * fontSize + 'px';
			};
			fn();
			window.addEventListener('resize', fn);
		})(750, 50);
	</script>
	<script src="../js/mall.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/public.js"></script>
</head>

<body>
	<div class="wrapper">
		<div class="content">
			<header><img src="../img/tu.jpg"></header>
			<div class="ban">
				<div class="nav">
					<dl class="Boutique">
						<dt><img src="../img/jin.png"></dt>
						<dd>精品课</dd>
					</dl>
					<dl class="dataset">
						<dt><img src="../img/zi.png"></dt>
						<dd>资料集</dd>
					</dl>
					<dl class="morev">
						<dt><img src="../img/wei.png"></dt>
						<dd>微课堂</dd>
					</dl>
				</div>
				<div class="qian"><img src="../img/qian.png"></div>
			</div>
			<div class="mall_tit">
				精品推荐课
			</div>
			<div class="jin">
				<div class="prese">
					<!--<div class="pre_con">
						<div class="pre_igm"><img src="../img/tu.jpg"></div>
						<p>GRE满分女神答题策略</p>
						<div>
							<strong>讲师名</strong>
							<span><a class="small">¥</a>6</span>
						</div>
					</div>-->
				</div>
				<div class="look">
					查看更多<img src="../img/duo.png" />
				</div>
			</div>
			<div class="gan">
				<div class="gan_tit">干货资料集</div>
				<div class="jihe">
					<div class="jihe_con">
						<div class="jc_img"><img src="../img/tu.jpg"></div>
						<p>GRE数学170难题</p>
						<div class="ji_pr"><span class="small">¥</span>18.00</div>
					</div>
					<div class="jihe_con">
						<div class="jc_img"><img src="../img/tu.jpg"></div>
						<p>GRE数学170难题</p>
						<div class="ji_pr"><span class="small">¥</span>18.00</div>
					</div>
					<div class="jihe_con">
						<div class="jc_img"><img src="../img/tu.jpg"></div>
						<p>GRE数学170难题</p>
						<div class="ji_pr"><span class="small">¥</span>18.00</div>
					</div>
				</div>
				<div class="look">
					查看更多<img src="../img/duo.png" />
				</div>
			</div>
			<div class="big">
				<div class="big_tit">大咖笔记</div>
				<div class="over">
					<div class="lubo clear">
						<div class="big_con">
							<div class="big_img"><img src="../img/tu.jpg"></div>
							<p>MIT CS PhD女神带你重温转专业…</p>
							<span>¥29.99</span>
						</div>
						<div class="big_con">
							<div class="big_img"><img src="../img/tu.jpg"></div>
							<p>MIT CS PhD女神带你重温转专业…</p>
							<span>¥29.99</span>
						</div>
					</div>
				</div>
				<div class="look">
					查看更多<img src="../img/duo.png" />
				</div>
			</div>
			<div class="zhan"></div>
		</div>

		<footer>
			<dl>
				<a href="index.html">
					<dt><img src="../img/zhi_act.png"></dt>
					<dd>直播</dd>
				</a>
			</dl>
			<dl>
				<a href="mall.html">
					<dt><img src="../img/shan_act.png"></dt>
					<dd class="blue">商城</dd>
				</a>
			</dl>
			<dl>
				<dt><img src="../img/study.png"></dt>
				<dd>学习</dd>
			</dl>
			<dl>
				<a href="our.html">
					<dt><img src="../img/personal.png"></dt>
					<dd>我的</dd>
				</a>
			</dl>
		</footer>
		<div class="bg"></div>
		<div class="coupon">
			<div class="cou_one">
				<div class="cou_tit">资料库商城见面礼</div>
				<div class="pon">
					<p>资料库折扣5折券</p>
					<div class="pon_di">
						<a>最高抵扣¥12</a>
						<a>5日内有效</a>
					</div>
				</div>
				<div class="rightoff">
					马上抢
				</div>
			</div>
			<div class="cou_two">
				<div class="cou_tit">Softlink礼券使用须知</div>
				<div class="two_tit">礼券是什么</div>
				<p>这是一段礼券的介绍这是一段礼券的介绍这是一段礼券的介绍这是一段礼券的介绍这是一段礼券的介绍这是一段礼券的介绍这是一段礼券的介绍。</p>
				<div class="two_tit">如何查看礼券</div>
				<p>移动端：我的-我的礼券</p>
			</div>
			<div class="cou_thr">
				<div class="cou_tit">恭喜你，抢到啦！</div>
				<p>开始愉快买买买</p>
			</div>
			<div class="cuo"></div>
			<div class="doubt"></div>
		</div>
	</div>

</body>

</html>